import { globalStyle, style } from '@vanilla-extract/css';
import { tagStyle } from '../../tag/tag.css';
import { knnoTable } from '../../../theme/table.css';

export const tagInputStyle = style({
	paddingTop: 0,
	paddingBottom: 0,
});

globalStyle(`${knnoTable} :is(th, td).${tagInputStyle}`, {
	padding: 0,
});

globalStyle(`${knnoTable} :is(th, td).${tagInputStyle}:is([class^=icon-], [class*=" icon-"])`, {
	position: 'relative',
	paddingLeft: '2.5em',
});

globalStyle(`${tagInputStyle} ${tagStyle}`, {
	border: 'none',
	background: 'none',
	width: '100%',
});

globalStyle(`${tagInputStyle} ${tagStyle}:focus-within`, {
	border: 'none',
	boxShadow: 'none',
});
